<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
今天的第一个页面
<b>加粗文字</b>
<i>斜体文字</i>
<s>删除线</s>
<u>下划线</u>
<mark>高亮文字</mark>
<br>
<!--转义符号-->
我喜欢&lt;tom&gt;做的红烧肉
<!--段落-->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<!--lorem生成假文-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad alias aut autem consectetur cum delectus deserunt
dicta ducimus facilis laborum magni necessitatibus nisi ratione repellat saepe similique, vel velit.
<!--生成一条水平的灰色分割线-->
<hr>
<!--有序列表 order list 简写ol-->
<!--type=1表示列表项为阿拉伯数字,
    type=a表示列表项为小写字母,
    type=A表示列表项为大写字母,
    type=i表示列表项为小写罗马数字,
    type=I表示列表项为大写罗马数字-->
<ol type="1">
    <!--列表项 list item 简写li-->
    <li>把水烧开</li>
    <li>放面条进去</li>
    <li>把面条捞出来</li>
</ol>
<!--无序列表 unorder list 简写ul-->
<!--过时的写法:
    type=none表示无序列表项不显示符号,
    type=disc表示无序列表项显示圆点(),
    type=circle表示无序列表项显示空心圆,
    type=square表示无序列表项显示正方形-->
<!--ul>li*-->
<ul type="circle">
    <!--列表项 list item 简写li-->
    <li>Java从入门到精通</li>
    <li>JavaScript从入门到精通</li>
    <li>Python从入门到精通</li>
</ul>

</body>
</html>